• File: hub_wa0358_maintain.php
  • Full Path: C:/htdocs/REEFTintegrationLog_test/REEFTintegrationLog/saved/hub_wa0358_maintain.php
  • Date Modified: 04/30/2025 7:56 AM
  • File size: 56.38 KB
  • MIME-type: text/x-php
  • Charset: utf-8
<?php
//======================================================================================
//
// Function: Show prodid flow
//
// Programmer: JKJ
// Date      : 2024-06-23
//
// Copyright Reeft A/S (c) - 2024
//======================================================================================

//======================================================================================
// Input
//======================================================================================
	if (isset($_REQUEST["lilin"])) $input_lilin = strtoupper($_REQUEST["lilin"]);
	else {
		$input_lilin = '';
	}

	if (isset($_REQUEST["prodid"])) $input_prodid = $_REQUEST["prodid"];
	else {
		$input_prodid = '';
	}

	if (isset($_REQUEST["prodid_1"])) $input_prodid_1 = $_REQUEST["prodid_1"];
	else {
		$input_prodid_1 = '';
	}

	if (isset($_REQUEST["prodid_2"])) $input_prodid_2 = $_REQUEST["prodid_2"];
	else {
		$input_prodid_2 = '';
	}

	if (isset($_REQUEST["prodid_3"])) $input_prodid_3 = $_REQUEST["prodid_3"];
	else {
		$input_prodid_3 = '';
	}

	if (isset($_REQUEST["called_from"])) $called_from = $_REQUEST["called_from"];
	else {
		$called_from = 'menu';
	}


//======================================================================================
// If a prodid is passed used this
//======================================================================================
	if ( $input_prodid <> '' ) {

		$ary_prodid = explode('-',$input_prodid);

		$input_prodid_1 = trim($ary_prodid[0]);
		$input_prodid_2 = trim($ary_prodid[1]);
		$input_prodid_3 = trim($ary_prodid[2]);
	}

//======================================================================================
// General config
//======================================================================================
	include "config/config.php";

//======================================================================================
// Check if user is logged in?
//======================================================================================
	include "login_check.php";

//======================================================================================
// Get session variables
//======================================================================================

	include "include/getsession.php";


	// include "include/uuid_create.php";
	// include "include/generate_password_md5.php";

//======================================================================================
// Set language
//======================================================================================

	include "include/set_language.php";

//======================================================================================
// Set defaults
//======================================================================================

	// $pk_reference  = $_SESSION['session_dft_pk_reference'];
	// $referenceCode = $_SESSION['session_dft_referencecode'];
	// $referenceName = $_SESSION['session_dft_referencename'];

//======================================================================================
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<title><?php echo $datahub_text0001 ?></title>

	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="description" content="REEFTvisual - Stoptime">
    <meta name="author" content="REEFT A/S">
    <link rel="icon" href="images/favicon/favicon.ico">

    <!-- Bootstrap / jQuery -->
    <link href="css/bootstrap4.3.1/css/bootstrap.custom.min.css" rel="stylesheet">
    <link href="css/bootstrap4.3.1/css/themes/bootstrap.custom.min.css" rel="stylesheet">

	<link href="css/bootstrap4.3.1/css/normalize.css" rel="stylesheet" type="text/css">

	<link href="css/sticky-footer.css" rel="stylesheet" type="text/css">

    <!-- Custom styles for this template -->
    <link href="css/custom.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">


	<script src="css/fontawesome6.5.1/js/all.min.js"></script>
	<script src="css/fontawesome6.5.1/js/sharp-light.min.js"></script>
	<script src="css/fontawesome6.5.1/js/sharp-regular.min.js"></script>
	<script src="css/fontawesome6.5.1/js/sharp-solid.min.js"></script>
	<script src="css/fontawesome6.5.1/js/sharp-thin.min.js"></script>
	

	<link href="css/bootstrap_animation/css/animate4/animate.css" rel="stylesheet" type="text/css">

	<!--<link href="javascript/chosen/chosen.css" rel="stylesheet" type="text/css">-->

	<link href="javascript/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"/>

    <script src="javascript/jquery.js"></script>
    <script src="css/bootstrap4.3.1/js/popper.js"></script>
    <script src="css/bootstrap4.3.1/js/bootstrap.min.js"></script>

	<script src="javascript/jquery-ui/jquery-ui.min.js"></script>
    <script src="javascript/jquery.ui.touch-punch.min.js"></script>

	<link href="javascript/bgrins-spectrum/spectrum.css" rel="stylesheet" type="text/css">
	<script src="javascript/bgrins-spectrum/spectrum.js"></script>

	<script src="javascript/moment.min.js"></script>
	<script src="javascript/moment-with-locales.min.js"></script>
	<script src="javascript/moment-duration-format.min.js"></script>

	<script src="javascript/number_format/jquery.number.min.js"></script>

	<script src="javascript/jquery.scrollTo.min.js"></script>


	<link href="javascript/daatatables/media/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
	<link href="javascript/daatatables/media/css/fixedHeader.dataTables.min.css" rel="stylesheet" type="text/css">
	<link href="javascript/daatatables/Buttons-1.4.2/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css">

    <script src="javascript/daatatables/media/js/jquery.dataTables.min.js"></script>
    <script src="javascript/daatatables/media/js/dataTables.fixedHeader.min.js"></script>
	<script src="javascript/daatatables/Buttons-1.4.2/js/dataTables.buttons.min.js"></script>
	<script src="javascript/daatatables/Buttons-1.4.2/js/buttons.flash.min.js"></script>
	<script src="javascript/daatatables/JSZip-2.5.0/jszip.min.js"></script>
	<script src="javascript/daatatables/pdfmake-0.1.53/pdfmake.min.js"></script>
	<script src="javascript/daatatables/pdfmake-0.1.53/vfs_fonts.js"></script>
	<script src="javascript/daatatables/Buttons-1.4.2/js/buttons.html5.min.js"></script>
	<script src="javascript/daatatables/Buttons-1.4.2/js/buttons.print.min.js"></script>

	<script src="javascript/chosen/chosen.jquery.min.js" type="text/javascript"></script>

	<script src="javascript/viewer-master/dist/viewer.min.js"></script>
	<link  href="javascript/viewer-master/dist/viewer.min.css" rel="stylesheet">

	<script src="javascript/ajaxq/ajaxq.js"></script>

	<link id="scrollUpTheme" rel="stylesheet" href="javascript/scrollup-master/dist/css/themes/image.css">
	<script src="javascript/scrollup-master/dist/jquery.scrollUp.js"></script>
	<script src="javascript/shortcut.js"></script>

	<script src="javascript/_reeft_js/set_font_awesome_icon_type.js"></script>
	<script src="javascript/_reeft_js/date_convert.js"></script>

<style>

.btn-custom-wide {
	height:60px;
	width:210px;
}

.modal-xxl {
    max-width: 80%;
}

.modal-xl {
    max-width: 50%;
}


.border-3 {
    border-width:3px !important;
}

td .hover-img {
  position:relative;
 }
td .hover-img span {
  position:absolute; left:-9999px; top:-9999px; z-index:9999;
 }
td:hover .hover-img span {
  top: 5px;
  left:0px;
 }

 .chosen-container-single {
    min-width: 100%;
}

</style>

<script language="JavaScript">

//=============================================================================
// Globals
//=============================================================================

	var global_debug = 'N';

	var jsonDataSave = {};

	var DFT_DATE_DISPLAY_FORMAT 	=	'<?php //echo $DFT_DATE_DISPLAY_FORMAT ?>';
	var DFT_LANGUAGE 				=	'<?php //echo $DFT_LANGUAGE ?>';

	var GLOBAL_TOTALPAGESSTOPVALUE	=	10;
	var GLOBAL_called_from			=	'<?php echo $called_from ?>';	

	// Save field
	var save_PXLIN = '';
	var save_PXMOA = '';


	$(function () {
	  $.scrollUp({
		scrollName: 'scrollUp', // Element ID
		//topDistance: '1800', // Distance from top before showing element (px)
		//topSpeed: 300, // Speed back to top (ms)
		scrollDistance: '300', // Distance from top before showing element (px)
		scrollSpeed: 300, // Speed back to top (ms)
		animation: 'fade', // Fade, slide, none
		animationInSpeed: 200, // Animation in speed (ms)
		animationOutSpeed: 200, // Animation out speed (ms)
		scrollText: false, //'Scroll to top', // Text for element
		activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
	  });
	});

//=============================================================================
// Get data
//=============================================================================
function getData()
{

	if ( global_debug == 'Y' ) {
		console.log("Start");
		console.time("answer time");
		console.timeLog("answer time");
	}

	// Reset result
	$('#data-result').html('');
	$('#error-message').html( '' );
	$('#current-prodid').html('').removeClass('border border-dark pl-4 pr-4 font-weight-bold mt-2 rounded');

	// Check input
	if ( $('#input-lilin').val() == '' ) {
		$('#error-message').addClass('').html( '<?php echo $datahub_error0081?>' );
		$('#input-lilin').focus();
		return false;
	}

	if ( $('#input-prodid-1').val() == '' ) {
		$('#error-message').addClass('').html( '<?php echo $datahub_error0077 ?>' );
		$('#input-prodid-1').focus();
		return false;
	}

	if ( $('#input-prodid-2').val() == '' ) {
		$('#error-message').addClass('').html( '<?php echo $datahub_error0078 ?>' );
		$('#input-prodid-2').focus();
		return false;
	}

	if ( $('#input-prodid-3').val() == '' ) {
		$('#error-message').addClass('').html( '<?php echo $datahub_error0079 ?>' );
		$('#input-prodid-3').focus();
		return false;
	}



	$('#data-result').html('<?php echo $datahub_datatable_Processing ?>').addClass('text-center');

	// Get the current search line
	var input_PXLIN = $('#input-search-line').val();
	var input_search_arg = $('#input-search-arg').val();

	// input_PXLIN = 'LK';
	// input_PXPID = '0000241120001019871920018';
	// input_PXPID = '0530042520012159871830037';
	// input_PXPID = '0530042520010159871830037';
	// input_PXPID = '0530042520015159873630001';
	// input_PXPID = '0530042520014159873630001';
	// input_PXPID = '0530042520013159871830037';
	// input_PXPID = '0530042520013159871830037';

	// Create prodid
	prodid_1 = $('#input-prodid-1').val();

	// Check length of model and add suffix 0 if only 4
	if ( prodid_1.length == 4 ) {
		prodid_1 = '0' + prodid_1;
	}


	prodid_2 = $('#input-prodid-2').val();
	prodid_3 = $('#input-prodid-3').val();

	// Create prodid
	input_PXPID = prodid_1 + prodid_2 + prodid_3;


	// Create param list
	parmData = 'lilin=' + input_PXLIN
		     + '&prodid=' + input_PXPID
			 + '&search_arg=' + input_search_arg
			 ;

	$.ajax({
		url: "hub_wa0358_maintain_get.php",
		type: "GET",
		data: parmData,
		dataType: "json",
		cache: false,
	beforeSend: function( xhr ) {

	}
	})
	.done(function( jsonData ) {

				if ( global_debug == 'Y' ) {
					console.log("After RPG call");
					console.timeLog("answer time");
				}

				// Save jSon data
				jsonDataSave = jsonData;

				var returnCode 			= jsonData.header.returnCode;
				var returnMsg 			= jsonData.header.returnMsg;
				var entries_found 		= jsonData.header.entries_found;
				var response_sec 		= jsonData.header.response_sec;

				// Get header information
				var pPXLIN 		= jsonData.header.pPXLIN;
				var pPXPID 		= jsonData.header.pPXPID;

				// Show on header
				// $('#input-lilin').val( pPXLIN );
				// $('#input-prodid').val( pPXPID )


				// Show load time
				$('#load-time-from-database').html('<?php echo $datahub_text0055 ?>: ' + entries_found + ' (' + response_sec + ')');

				// Reset
				HTMLline02 = '<table id="REEFTvisual_data" class="table table-bordered table-striped table-hover">';

				HTMLline02 +=	'<thead>'
				           + 	'<tr class="bg-primary text-white font-weight-bold text-center">'
						   +	'<th class="text-left">'
						   +	'<?php echo $datahub_text0039 ?>'
						   +	'</th>'
						   +	'<th class="text-left">'
						   +	'<?php echo $datahub_text0053 ?>'
						   +	'</th>'
						   +	'<th class="text-left">'
						   +	'<?php echo $datahub_text0054 ?>'
						   +	'</th>'
						   +	'<th class="text-left">'
						   +	'<?php echo $datahub_text0038 ?>'
						   +	'</th>'
						   +	'<th class="text-center">'
						   +	''
						   +	'</th>'
						   +	'</tr>'
						   +	'</thead>'
						   +	'<tbody>'
						   ;


				// Show record
				if ( returnCode == '00' )
				{

				// Reset fields
				save_PXLIN = '';
				save_PXPIP = '';


				$.each( jsonData.detail, function( index, object ){

					var counter 		= object.counter;
					var ACTIV   		= object.ACTIV;
					var CMPNO   		= object.CMPNO;
					var PXLIN   		= object.PXLIN;
					var PXMOA   		= object.PXMOA;
					var PXPID   		= object.PXPID;
					var PXPIP   		= object.PXPIP;
					var PXRFL   		= object.PXRFL;
					var PXMOD   		= object.PXMOD;
					var PXMNR   		= object.PXMNR;
					var PXPNC   		= object.PXPNC;
					var PXSTS   		= object.PXSTS;
					var PXEXD   		= object.PXEXD;
					var PXEXT   		= object.PXEXT;
					var PXWST   		= object.PXWST;
					var PXWET   		= object.PXWET;
					var PXWBT   		= object.PXWBT;
					var PXWBT_SEC   	= object.PXWBT_SEC;
					var PXLOG   		= object.PXLOG;
					var PXLOG_DATE   	= object.PXLOG_DATE;
					var PXLOG_TIME   	= object.PXLOG_TIME;
					var PXLOG_DATE_YMD  = object.PXLOG_DATE_YMD;
					var PXLOG_DATE_EUR  = object.PXLOG_DATE_EUR;

					if ( ACTIV == '1' ) {
						var ACTIV_text = '<div class="text-success font-weight-bold"><?php echo $datahub_YES ?></div>';
					} else {
						var ACTIV_text = '<div class="text-danger font-weight-bold"><?php echo $datahub_NO ?></div>';
					}

					if ( PXMOA == '*DONE') {
						PXMOA_text = '<i class="fa-solid fa-right-from-bracket text-success" style="font-size:22px"></i>';
						myLogData_1 = '';
						myLogData_2 = PXLOG_DATE + ' / ' + PXLOG_TIME;
					} else {
						PXMOA_text = PXMOA;
						myLogData_1 = PXLOG_DATE + ' / ' + PXLOG_TIME;
						myLogData_2 = '';

					}



					if ( save_PXLIN == '' ) {
						save_PXLIN = PXLIN;
						save_PXPIP = PXPIP;
					}

					// if ( header_prodid == '' ) {

						// // Split because the pk is in the form pk: value
						// var ary_PRODID = PXPIP.split('-');

						// // save_PXMOD = PXMOD;
						// // save_PXMNR = PXMNR;
						// // save_PXPNC = PXPNC;

						// save_PXMOD = ary_PRODID[0];
						// save_PXMNR = ary_PRODID[1];
						// save_PXPNC = ary_PRODID[2];

					// }


					HTMLline02 +=	'<tr>'
							   +	'<td class="text-left">'
							   +	'<span class="d-none">' + PXLOG + '</span>' + PXMOA_text
							   +	'</td>'
							   +	'<td class="text-left">'
							   +    myLogData_1
							   +	'</td>'
							   +	'<td class="text-left">'
							   +    myLogData_2
							   +	'</td>'
							   +	'<td class="text-left">'
							   +    PXPNC
							   +	'</td>'
							   +	'<td>'
							   +	'<button id="' + PXLIN + '_' + PXMOA + '" onclick="dataChange(\'' + PXLIN + '\',\'' + PXMOA + '\')" class="btn btn-primary mr-1">' + '<?php echo $datahub_button_view_01 ?>' + '</button>'
							   +	'</td>'
							   +	'</tr>'
							   ;


				});


				HTMLline02  +=	'</tbody>'
				            +	'</table>'


				}


				input_lilin		= $('#input-lilin').val();
				input_prodid_1	= $('#input-prodid-1').val();
				input_prodid_2 	= $('#input-prodid-2').val();
				input_prodid_3 	= $('#input-prodid-3').val();

				$('#current-prodid').html( input_lilin + ' - ' + input_prodid_1 + ' - ' + input_prodid_2 + ' - ' + input_prodid_3 ).addClass('border border-dark pl-4 pr-4 font-weight-bold mt-2 rounded');

				// Show yourself to the world, you little fvcker
				$('#data-result').html(HTMLline02);

				if ( global_debug == 'Y' ) {
					console.log("After processing json");
					console.timeLog("answer time");
				}

				// Datatables
				setDataTables();

				if ( global_debug == 'Y' ) {
					console.log("After datatables");
					console.timeLog("answer time");
				}

				//-----------------------------------------------------------------------
				// Set font awesome icon type
				//-----------------------------------------------------------------------
					// Value is from config/config.php
					var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
					setFontAwesomeIconType( iconType );
				//-----------------------------------------------------------------------

				if ( global_debug == 'Y' ) {
					console.log("Done");
					console.timeEnd("answer time");
				}

				// Place cursor
				$('#input-search-arg').focus();



	})
	.always(function( xml ) {

		//console.log('I am always..');


	})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

		$('#data-result').html( '<b>Error retreiving data from the server...</b>' );

	});

}

//=============================================================================
// Set datatables
//=============================================================================
function setDataTables()
{

    $('#REEFTvisual_data').DataTable({
        "responsive": true,
		"fixedHeader": true,
		"lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
		"iDisplayLength": 25,
        "processing": true,
		"dom": 'lfi<bottom>Bp<"clear">',
        "order": [[ 0, "asc" ]],
		"columnDefs": [
				{
				"targets": [ 3,4 ],
				"visible": false,
				"searchable": false,
				 "orderable": false
				}

		],
		"language":
		{

					"sProcessing":   "<?php echo $datahub_datatable_Processing ?>",
					"sLengthMenu":   "<?php echo $datahub_datatable_LengthMenu ?>",
					"sZeroRecords":  "<?php echo $datahub_datatable_ZeroRecords ?>",
					"sInfo":         "<?php echo $datahub_datatable_Info ?>",
					"sInfoEmpty":    "<?php echo $datahub_datatable_InfoEmpty ?>",
					"sInfoFiltered": "<?php echo $datahub_datatable_InfoFiltered ?>",
					"sInfoPostFix":  "<?php echo $datahub_datatable_InfoPostFix ?>",
					"sLoadingRecords": "<?php echo $datahub_datatable_Processing ?>",
					"sSearch":       "<?php echo $datahub_datatable_Search ?>",
					"sUrl":          "<?php echo $datahub_datatable_Url ?>",
					"oPaginate": {
						"sFirst":    "<?php echo $datahub_datatable_First ?>",
						"sPrevious": "<?php echo $datahub_datatable_Previous ?>",
						"sNext":     "<?php echo $datahub_datatable_Next ?>",
						"sLast":     "<?php echo $datahub_datatable_Last ?>"
					}
		},
        "rowCallback": function(row, data, index)
		{



		},
        "preDrawCallback": function(settings)
		{
		},
		"initComplete": function ()
		{

		},
		"buttons": 	[
					{
						extend: 'pdf',
						text: '<img src="images/pdf_logo.png" height="25"> PDF',
						orientation: 'landscape',
						title: 'HUB_wa0358 - Data Export - PDF',
						exportOptions: {
						modifier: {
							page: 'all'
							}
						}
					},
					{
						extend: 'excel',
						text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
						title: 'HUB_wa0358 Data Export - Excel',
						},
						{
						extend: 'copy',
						text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
						title: 'HUB_wa0358 Data Export - Copy',
						},
					]
    });


}

//=============================================================================
// Reason change
//=============================================================================
function dataChange( input_PXLIN, input_PXMOA )
{

	$('#input-mode').val('*update');

	// Find the correct data
	$.each( jsonDataSave.detail, function( index, object ){

		// Get the key
		var PXMOA			= object.PXMOA;
		var PXLIN			= object.PXLIN;


		// Data found
		if ( input_PXLIN == PXLIN && input_PXMOA == PXMOA )
		{

			// Save in fields
			var ACTIV			= object.ACTIV;
			var PXMOA			= object.PXMOA;
			var PXLIN			= object.PXLIN;
			var CMPNO			= object.CMPNO;
			var PXLIN			= object.PXLIN;
			var PXMOA			= object.PXMOA;
			var PXPID			= object.PXPID;
			var PXPIP			= object.PXPIP;
			var PXRFL			= object.PXRFL;
			var PXMOD			= object.PXMOD;
			var PXMNR			= object.PXMNR;
			var PXMNR			= object.PXMNR;
			var PXPNC			= object.PXPNC;
			var PXSTS			= object.PXSTS;
			var PXEXD			= object.PXEXD;
			var PXEXT			= object.PXEXT;
			var PXWST			= object.PXWST;
			var PXWET			= object.PXWET;
			var PXWBT			= object.PXWBT;
			var PXWBT_SEC			= object.PXWBT_SEC;
			var PXLOG			= object.PXLOG;
			var PXLOG_DATE			= object.PXLOG_DATE;
			var PXLOG_TIME			= object.PXLOG_TIME;
			var PXLOG_DATE_YMD			= object.PXLOG_DATE_YMD;
			var PXLOG_DATE_EUR			= object.PXLOG_DATE_EUR;

			// Move to input fields
			$('#modal-input-ACTIV').val(ACTIV);
			$('#modal-input-CMPNO').val(CMPNO);
			$('#modal-input-PXLIN').val(PXLIN);
			$('#modal-input-PXMOA').val(PXMOA);
			$('#modal-input-PXPID').val(PXPID);
			$('#modal-input-PXPIP').val(PXPIP);
			$('#modal-input-PXRFL').val(PXRFL);
			$('#modal-input-PXMOD').val(PXMOD);
			$('#modal-input-PXMNR').val(PXMNR);
			$('#modal-input-PXMNR').val(PXMNR);
			$('#modal-input-PXPNC').val(PXPNC);
			$('#modal-input-PXSTS').val(PXSTS);
			$('#modal-input-PXEXD').val(PXEXD);
			$('#modal-input-PXEXT').val(PXEXT);
			$('#modal-input-PXWST').val(PXWST);
			$('#modal-input-PXWET').val(PXWET);
			$('#modal-input-PXWBT').val(PXWBT);
			$('#modal-input-PXWBT_SEC').val(PXWBT_SEC);
			$('#modal-input-PXLOG').val(PXLOG);
			$('#modal-input-PXLOG_DATE').val(PXLOG_DATE);
			$('#modal-input-PXLOG_TIME').val(PXLOG_TIME);
			$('#modal-input-PXLOG_DATE_YMD').val(PXLOG_DATE_YMD);
			$('#modal-input-PXLOG_DATE_EUR').val(PXLOG_DATE_EUR);

			// Save orginal department code
			save_PXLIN = PXLIN;
			save_PXMOA = PXMOA;

			// Check active code
			if ( ACTIV != '1' && ACTIV != '0' ) {
				ACTIV = '1';
			}

			$('#modal-input-ACTIV').val( ACTIV );

			// Set active - default YES
			if ( ACTIV == '1' ) {
				$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
				$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');
			} else {
				$('#button-deleted-no').removeClass('btn-primary').addClass('btn-success');
				$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');

			}

			// Make key fields readonly
			$('#modal-input-PXLIN').attr('readonly','readonly');
			$('#modal-input-PXMOA').attr('readonly','readonly');
			$('#data-result-button-lines-modal').addClass('d-none');

		}

	})

	// Reset modal message
	resetModalMessage();

	// Show modal
	$('#wa0358_MaintainModal').modal('show');

	$('#wa0358_MaintainModal').on('shown.bs.modal', function () {
		$('#modal-input-PXPIP').trigger('focus');
	})


}

//=============================================================================
// Make uppercase
//=============================================================================
function makeUpperCase( id )
{

	// Get data
	let myValue = $('#' + id).val();

	// Make uppercase
	myValue = myValue.toUpperCase();

	// Set back
	$('#' + id).val( myValue );

}


//=============================================================================
// Log off
//=============================================================================
function signoff()
{

	window.location.href = "logout.php";

}

//=============================================================================
// Load page
//=============================================================================
function loadPage(url, p1, p2, p3)
{

	window.location.href = url;

}

//=============================================================================
// Set clock
//=============================================================================
function updateClock() {

	var currentTime = moment().format('YYYY-MM-DD HH:mm:ss');
	currentTime = REEFT_format_date( currentTime, DFT_DATE_DISPLAY_FORMAT )

	$('#current-time').html( currentTime );

}

//=============================================================================
// Insert test prodid
//=============================================================================
function insertTestProdid()
{

	// Lazy fuvker
	$('#input-lilin').val('LK');
	$('#input-prodid-1').val('05300');
	$('#input-prodid-2').val('4252002615');
	$('#input-prodid-3').val('9873730110');

	//$('#get-data-button').click();

}

//=============================================================================
// Reset modal message
//=============================================================================
function resetModalMessage() {

	// Reset
	//$('#modal-message').removeClass('p-2 font-weight-bold border border-danger rounded bg-light').html( '&nbsp;' );

	$('#modal-message').removeClass('border-bottom').html( '&nbsp;' );
	$('#modal-save-button').removeClass('disabled').prop("disabled", false);

}

//=============================================================================
// jQuery - Ready
//=============================================================================
$(document).ready(function()
{

	if ( GLOBAL_called_from == 'pgm' ) {
		$('#button-close-2').removeClass('d-none');
	} else {
		$('#button-close-1').removeClass('d-none');
	}

	// Move passed parameters to input field and press enter
	$('#input-lilin').val('<?php echo $input_lilin ?>');
	$('#input-prodid-1').val('<?php echo $input_prodid_1 ?>');
	$('#input-prodid-2').val('<?php echo $input_prodid_2 ?>');
	$('#input-prodid-3').val('<?php echo $input_prodid_3 ?>');

	// Place ccursor
	if ( $('#input-lilin').val() == '' ) {
		$('#input-lilin').focus();
	} else {
		$('#input-prodid-2').focus();
	}

	if ( '<?php echo $input_lilin ?>' != '' ) {
		$('#get-data-button').click();
	}

	//-----------------------------------------------------------------------
	// Start the clock
	//-----------------------------------------------------------------------
		updateClock();
		setInterval(function() {
			updateClock();
		}, 1000); 
	//-----------------------------------------------------------------------
	

	//-----------------------------------------------------------------------
	// Set font awesome icon type
	//-----------------------------------------------------------------------
		// Value is from config/config.php
		var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
		setFontAwesomeIconType( iconType );
	//-----------------------------------------------------------------------

	//-----------------------------------------------------------------------
	// Set short cuts
	//-----------------------------------------------------------------------
	shortcut.add("Enter",function() {
		$('#get-data-button').click();
	});

	shortcut.add("alt+f2",function() {
		$('#my-test-button').click();
	});

	shortcut.add("esc",function() {
		window.close();
	});



	//-----------------------------------------------------------------------
	// Delay keyup checker
	//-----------------------------------------------------------------------
	// var delay = (function () {
		// var timer = 0;
		// return function (callback, ms) {
			// clearTimeout(timer);
			// timer = setTimeout(callback, ms);
		// };
	// })()

	// let $filter01 = $('#modal-input-PXMOA');
	// $filter01.on('keyup', function () {
		// delay(function () {
			// var inputValue = $('#modal-input-PXMOA').val();
			// if ( inputValue != '') {
			// console.log('this will hit, once user has not typed for 1 second ' + inputValue );
				// checkDataExists();
			// }
		// }, 0800);
	// });


});
// -->
</script>

</head>

<body>

<div class="container-fluid mt-2 pl-3 pr-3">

		<input type="text" id="input-mode" class="d-none">
		<input type="text" id="input-show-deleted" class="d-none">
		<input type="text" id="input-search-line" class="d-none">

		<div class="row">
			<div class="col-2">
				<img src="images/customer-logo.png" alt="Customer Logo">
			</div>
			<div class="col-8 text-center <?php echo $DFT_CLOCK_SIZE ?>">
				<i class="font-awesome-pseudo-class fa-thin fa-clock"></i>&nbsp;&nbsp;<span id="current-time"><?php echo date('d-m-Y h:i:s') ?></span>
			</div>
			<div class="col-2 text-right">
			
				<button type="button" id="button-close-1" class="d-none btn btn-primary mb-1" onclick="loadPage('menu_main.php','','','')" title="<?php echo $datahub_go_to_my_dear_home ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-home"></i></button>
				<button type="button" id="button-close-2" class="d-none btn btn-primary mb-1" onclick="window.close()" title="<?php echo $datahub_go_to_my_dear_home ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-rectangle-xmark"></i></button>
	
	<button type="button" class="btn btn-dark" title="Alt+F2" id="my-test-button" onclick="insertTestProdid()">Test</button>
				
				<div class="d-none">
					<div class="btn btn-primary mb-1 d-none d-xl-inline-block" onclick="loadPage('menu_main.php','','','')" title="<?php echo $datahub_go_to_my_dear_home_03 ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-fort"></i></div>
					<div class="btn btn-danger mb-1 d-none d-lg-inline-block"  onclick="signoff()" title="<?php echo $datahub_go_to_my_dear_home_04 ?>"><i class="font-awesome-pseudo-class fa-thin  fa-2x fa-right-from-bracket"></i></div>
				</div>

			</div>
		</div>

		<div class="card mt-2">

			<div class="card-header text-muted">

				<div class="row mt-2">

					<div class="col-8">

						<div class="row mt-2 text-dark">
							<div class="col-1" style="font-size:14px">
								<?php echo $datahub_text0023 ?>
							</div>
							<div class="col-2" style="font-size:14px">
								<?php echo $datahub_text0057 ?>
							</div>
							<div class="col-3" style="font-size:14px">
								<?php echo $datahub_text0058 ?>
							</div>
							<div class="col-3" style="font-size:14px">
								<?php echo $datahub_text0038 ?>
							</div>
						</div>

						<div class="row mt-1">
							<div class="col-1">
								<input class="form-control" type="text" id="input-lilin" onkeyup="makeUpperCase('input-lilin')" name="input-lilin">
							</div>
							<div class="col-2">
								<input class="form-control" type="text" id="input-prodid-1" name="input-prodid-1">
							</div>
							<div class="col-3">
								<input class="form-control" type="text" id="input-prodid-2" name="input-prodid-2">
							</div>
							<div class="col-3">
								<input class="form-control" type="text" id="input-prodid-3" name="input-prodid-3">
							</div>
							<div class="col-3">
								<button id="get-data-button" class="btn btn-primary btn-sm" title="Press enter to get data" onclick="getData()" type="button"><?php echo $datahub_button_get_data_icon ?></button>
							</div>
						</div>

						<!-- Message area -->
						<div class="row mt-2">
							<div class="col-12 text-left">
								<div class="p-1 font-weight-bold text-danger" id="error-message">&nbsp;</div>
							</div>
						</div>


					</div>

					<div class="col text-right h4">
						<?php echo "$datahub_text0052"; ?>&nbsp;&nbsp;<i class="font-awesome-pseudo-class fa-thin fa-arrow-progress"></i>
					</div>

				</div>

			</div>


			<div class="card-body">

				<!-- Message if screen is not wide enough -->
				<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
					<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
				</div>
			<!-- Message if screen is not wide enough -->

				<div class="row">
					<div class="col text-center">
						<span class="h4" id="current-prodid"></span>
					</div>
				</div>



				<div class="row">
					<div class="col">
						<div id="data-result"></div>
					</div>
				</div>

				<div class="row">
					<div class="col text-right">
						<small><div id="load-time-from-database"></div></small>
					</div>
				</div>

			</div>

		</div>

</div>


<!-- Set footer -->
<?php
	include "include/footer.php";
?>
<!-- Set footer -->

<!-- ========================================================================== -->
<!--                                M O D A L S                                 -->
<!-- ========================================================================== -->

<!-- Modal -->
<div class="modal fade" id="wa0358_MaintainModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="wa0358_MaintainModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xxl">
    <div class="modal-content">

      <div class="modal-header bg-primary text-white">

		<div class="container-fluid pl-0 pr-0">
		<div class="row">

			<div class="col-8">
				<h5 class="modal-title" id="wa0358_MaintainModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-arrow-progress"></i> <?php echo $datahub_text0052 ?></h5>
			</div>

			<div class="col text-right" style="max-width:20px">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				  <span aria-hidden="true">&times;</span>
				</button>
			</div>

		</div>
		</div>


      </div>
      <div class="modal-body ml-2 mr-2">

  		<input type="text" class="d-none" id="input-current-color-picker">
		<input type="text" class="d-none" id="input-current-text-color">
		<input type="text" class="d-none" id="input-current-background-color">

			<!-- Message if screen is not wide enough -->
				<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
					<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
				</div>
			<!-- Message if screen is not wide enough -->


			<form name="dataForm" id="dataForm">

			<!-- Hidden fields start -->
			<input type="text" class="d-none" id="modal-input-CMPNO" name="modal-input-CMPNO">

			<!-- Hidden fields end -->

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0023 ?>
				</div>
				<div class="col-1" style="max-width:75px">
					<input class="form-control form-inline" style="width:60px" type="text" id="modal-input-PXLIN" name="modal-input-PXLIN" onkeyup="resetModalMessage(),this.value = this.value.toUpperCase(),resetLineModal();">
				</div>
				<div class="col-7">
					<div id="data-result-button-lines-modal"></div>
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0033 ?>
				</div>
				<div class="col-3">
					<input class="form-control" type="text" onkeyup="resetModalMessage(),setPNCtest()" id="modal-input-PXMOA" name="modal-input-PXMOA">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0026 ?>
				</div>
				<div class="col-5">
					<input class="form-control" type="text" id="modal-input-PXPIP" name="modal-input-PXPIP" onkeyup="resetModalMessage(),setPNCtest()">
				</div>
			</div>

			<div class="row mt-2 text-dark">

				<div class="col-3"></div>

				<div class="col-1" style="font-size:14px">
					<?php echo $datahub_text0030 ?>
				</div>

				<div class="col-2" style="font-size:14px">
					<?php echo $datahub_text0036 ?>
				</div>

				<div class="col-1" style="font-size:14px">
					<?php echo $datahub_text0031 ?>
				</div>

				<div class="col-2" style="font-size:14px">
					<?php echo $datahub_text0025 ?>
				</div>

				<div class="col-2" style="font-size:14px">
					<?php echo $datahub_text0034 ?>
				</div>

			</div>

			<div class="row mt-3">

				<div class="col-3">
					<?php echo $datahub_text0045 ?>
				</div>
				<div class="col-1">
					<input class="text-color-palette form-control" type="text" id="modal-input-PXSTS" name="modal-input-PXSTS">
				</div>
				<div class="col-2">
					<input class="text-color-palette form-control" type="text" id="modal-input-WZBCL" name="modal-input-WZBCL">
				</div>
				<div class="col-1">
					<input class="form-control" style="width:100px" type="number" step="1" min="30" max="75" id="modal-input-PXEXD" name="modal-input-PXEXD" onkeyup="resetModalMessage()">
				</div>
				<div class="col-2">
					<button type="button" class="mb-1 btn btn-primary" onclick="setBoldMode('Y')" id="button-bold-mode-yes"><?php echo $datahub_YES ?></button>
					<button type="button" class="mb-1 btn btn-primary" onclick="setBoldMode('N')" id="button-bold-mode-no"><?php echo $datahub_NO ?></button>
					<input class="d-none form-control" type="text" id="modal-input-PXRFL" name="modal-input-PXRFL" onkeyup="resetModalMessage()">
				</div>
				<div class="col-2">
					<button type="button" class="mb-1 btn btn-primary" onclick="setBackGroundMode('RW')" id="button-bgtype-mode-rw"><?php echo $datahub_text0037 ?></button>
					<button type="button" class="mb-1 btn btn-primary" onclick="setBackGroundMode('PN')" id="button-bgtype-mode-pn"><?php echo $datahub_text0038 ?></button>
					<input class="d-none form-control" type="text" id="modal-input-WZBTP" name="modal-input-WZBTP" onkeyup="resetModalMessage()">
				</div>

			</div>


			<div class="row mt-2">
				<div class="col-3">
				</div>
				<div class="col-2 xfont-weight-bold" style="font-size:14px">
					<?php echo $datahub_text0039 ?>
				</div>
				<div class="col-2 xfont-weight-bold" style="font-size:14px">
					<?php echo $datahub_text0044 ?>
				</div>
			</div>


			<div class="row mt-0">
				<div class="col-3">
					<?php echo $datahub_text0040 ?>
				</div>
				<div class="col-2">
					<input class="form-control" type="text" id="modal-input-WZMLE" name="modal-input-WZMLE" maxlength="15">
				</div>
				<div class="col-2">
					<input class="form-control" type="text" id="modal-input-WZMLW" name="modal-input-WZMLW" maxlength="15">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
				</div>
				<div class="col-2 xfont-weight-bold" style="font-size:14px">
					<?php echo $datahub_text0041 ?>
				</div>
				<div class="col-2 xfont-weight-bold" style="font-size:14px">
					<?php echo $datahub_text0042 ?>
				</div>
				<div class="col-2 xfont-weight-bold" style="font-size:14px">
					<?php echo $datahub_text0043 ?>
				</div>
			</div>

			<div class="row mt-0">
				<div class="col-3">
					<?php echo $datahub_text0040 ?>
				</div>
				<div class="col-2">
					<input class="form-control" type="text" id="modal-input-WZAIS" name="modal-input-WZAIS" maxlength="10">
				</div>
				<div class="col-2">
					<input class="form-control" type="text" id="modal-input-WZROW" name="modal-input-WZROW" maxlength="10">
				</div>
				<div class="col-2">
					<input class="form-control" type="text" id="modal-input-WZTIR" name="modal-input-WZTIR" maxlength="10">
				</div>
			</div>


			<!-- DO NOT SHOW -->
			<div class="row mt-2 d-none">
				<div class="col-3">
					<?php echo $datahub_text0024 ?>
				</div>
				<div class="col-4 col-sm-3 col-md-2 col-lg-2 col-xl-2">
					<input class="form-control" type="number" step="1" id="modal-input-PXPID" min="1" name="modal-input-PXPID" onkeyup="resetModalMessage(),setPNCtest()">
				</div>
			</div>

			<!-- DO NOT SHOW -->
			<div class="row mt-2 d-none">
				<div class="col-3">
					<?php echo $datahub_text0027 ?>
				</div>
				<div class="col-6">
					<input class="form-control" type="text" id="modal-input-PXMOD" name="modal-input-PXMOD" onkeyup="resetModalMessage()">
				</div>
			</div>

			<!-- DO NOT SHOW -->
			<div class="row mt-2 d-none">
				<div class="col-3">
					<?php echo $datahub_text0028 ?>
				</div>
				<div class="col-6">
					<input class="form-control" type="text" id="modal-input-PXMNR" name="modal-input-PXMNR" onkeyup="resetModalMessage()">
				</div>
			</div>

			<!-- DO NOT SHOW -->
			<div class="row mt-2 d-none">
				<div class="col-3">
					<?php echo $datahub_text0029 ?>
				</div>
				<div class="col-2">
					<input class="form-control" type="text" id="modal-input-PXPNC" name="modal-input-PXPNC" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-4">
				<div class="col-3">
					<?php echo $datahub_text0032 ?>
				</div>
				<div class="col-9">

					<div class="row">

					<div class="col">
						<div class="input-group mb-1">
							<div class="input-group-prepend">
								<span class="input-group-text" id="basic-input-1">1</span>
							</div>
								<input class="form-control" type="text" id="modal-input-PXEXT" name="modal-input-PXEXT" onkeyup="resetModalMessage()">
							<div class="input-group-append">
								<span class="input-group-text" onclick="preViewElement('modal-input-PXEXT')" style="cursor:help" id="basic-input-append-1"><i class="fa-thin fa-eye"></i></span>
							</div>
						</div>
					</div>


					<div class="col-5">
						<!-- setActionPNC( actionValue, actionButton_ID1, actionButton_ID2) -->
						<i title="PDF"   onclick="setActionPNC('*PDF','1','1')" id="action-button-1-1" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
						<i title="Image" onclick="setActionPNC('*PIC','1','2')" id="action-button-1-2" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
						<i title="Scan"  onclick="setActionPNC('*SCAN','1','3')" id="action-button-1-3" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
						<i title="Movie" onclick="setActionPNC('*MOVIE','1','4')" id="action-button-1-4" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
						<i title="Link"  onclick="setActionPNC('*LINK' ,'1','5')" id="action-button-1-5" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
						<i title="Check" onclick="setActionPNC('*CHECK','1','6')" id="action-button-1-6" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
						<i title="Reset" onclick="setActionPNC('*RESET','1','*')" id="action-button-1-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
						<input class="d-none form-control" type="text" id="modal-input-PXLOG" name="modal-input-PXLOG" onkeyup="resetModalMessage()">
					</div>

					</div>

					<div class="row">
					<div class="col">
						<div class="input-group mb-1">
							<div class="input-group-prepend">
								<span class="input-group-text" id="basic-input-2">2</span>
							</div>
								<input class="form-control" type="text" id="modal-input-PXWST" name="modal-input-PXWST" onkeyup="resetModalMessage()">
							<div class="input-group-append">
								<span class="input-group-text" onclick="preViewElement('modal-input-PXWST')" style="cursor:help" id="basic-input-append-2"><i class="fa-thin fa-eye"></i></span>
							</div>

						</div>
					</div>
					<div class="col-5">
						<!-- setActionPNC( actionValue, actionButton_ID1, actionButton_ID2) -->
						<i title="PDF"   onclick="setActionPNC('*PDF','2','1')" id="action-button-2-1" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
						<i title="Image" onclick="setActionPNC('*PIC','2','2')" id="action-button-2-2" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
						<i title="Scan"  onclick="setActionPNC('*SCAN','2','3')" id="action-button-2-3" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
						<i title="Movie" onclick="setActionPNC('*MOVIE','2','4')" id="action-button-2-4" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
						<i title="Link"  onclick="setActionPNC('*LINK' ,'2','5')" id="action-button-2-5" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
						<i title="Check" onclick="setActionPNC('*CHECK','2','6')" id="action-button-2-6" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
						<i title="Reset" onclick="setActionPNC('*RESET','2','*')" id="action-button-2-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
						<input class="d-none form-control" type="text" id="modal-input-PXLOG_DATE" name="modal-input-PXLOG_DATE" onkeyup="resetModalMessage()">
					</div>
					</div>

					<div class="row d-none">
					<div class="col">
						<div class="input-group mb-1">
						<div class="input-group-prepend">
							<span class="input-group-text" id="basic-input-3">3</span>
						</div>
							<input class="form-control" type="text" id="modal-input-PXWET" name="modal-input-PXWET" onkeyup="resetModalMessage()">
						</div>
					</div>
					<div class="col-5">
						<!-- setActionPNC( actionValue, actionButton_ID1, actionButton_ID2) -->
						<i title="PDF"   onclick="setActionPNC('*PDF','3','1')" id="action-button-3-1" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
						<i title="Image" onclick="setActionPNC('*PIC','3','2')" id="action-button-3-2" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
						<i title="Scan"  onclick="setActionPNC('*SCAN','3','3')" id="action-button-3-3" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
						<i title="Movie" onclick="setActionPNC('*MOVIE','3','4')" id="action-button-3-4" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
						<i title="Link"  onclick="setActionPNC('*LINK' ,'3','5')" id="action-button-3-5" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
						<i title="Check" onclick="setActionPNC('*CHECK','3','6')" id="action-button-3-6" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
						<i title="Reset" onclick="setActionPNC('*RESET','3','*')" id="action-button-3-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
						<input class="d-none form-control" type="text" id="modal-input-PXLOG_TIME" name="modal-input-PXLOG_TIME" onkeyup="resetModalMessage()">
					</div>
					</div>

					<div class="row d-none">
					<div class="col">
						<div class="input-group mb-1">
						<div class="input-group-prepend">
							<span class="input-group-text" id="basic-input-4">4</span>
						</div>
							<input class="form-control" type="text" id="modal-input-PXWBT" name="modal-input-PXWBT" onkeyup="resetModalMessage()">
						</div>
					</div>
					<div class="col-5">
						<!-- setActionPNC( actionValue, actionButton_ID1, actionButton_ID2) -->
						<i title="PDF"   onclick="setActionPNC('*PDF','4','1')" id="action-button-4-1" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
						<i title="Image" onclick="setActionPNC('*PIC','4','2')" id="action-button-4-2" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
						<i title="Scan"  onclick="setActionPNC('*SCAN','4','3')" id="action-button-4-3" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
						<i title="Movie" onclick="setActionPNC('*MOVIE','4','4')" id="action-button-4-4" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
						<i title="Link"  onclick="setActionPNC('*LINK' ,'4','5')" id="action-button-4-5" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
						<i title="Check" onclick="setActionPNC('*CHECK','4','6')" id="action-button-4-6" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
						<i title="Reset" onclick="setActionPNC('*RESET','4','*')" id="action-button-4-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
						<input class="d-none form-control" type="text" id="modal-input-PXLOG_DATE_YMD" name="modal-input-PXLOG_DATE_YMD" onkeyup="resetModalMessage()">
					</div>
					</div>

					<div class="row d-none">
					<div class="col">
						<div class="input-group mb-1">
						<div class="input-group-prepend">
							<span class="input-group-text" id="basic-input-5">5</span>
						</div>
							<input class="form-control" type="text" id="modal-input-PXWBT_SEC" name="modal-input-PXWBT_SEC" onkeyup="resetModalMessage()">
						</div>
					</div>
					<div class="col-5">
						<!-- setActionPNC( actionValue, actionButton_ID1, actionButton_ID2) -->
						<i title="PDF"   onclick="setActionPNC('*PDF','5','1')" id="action-button-5-1" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
						<i title="Image" onclick="setActionPNC('*PIC','5','2')" id="action-button-5-2" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
						<i title="Scan"  onclick="setActionPNC('*SCAN','5','3')" id="action-button-5-3" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
						<i title="Movie" onclick="setActionPNC('*MOVIE','5','4')" id="action-button-5-4" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
						<i title="Link"  onclick="setActionPNC('*LINK' ,'5','5')" id="action-button-5-5" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
						<i title="Check" onclick="setActionPNC('*CHECK','5','6')" id="action-button-5-6" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
						<i title="Reset" onclick="setActionPNC('*RESET','5','*')" id="action-button-5-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
						<input class="d-none form-control" type="text" id="modal-input-PXLOG_DATE_EUR" name="modal-input-PXLOG_DATE_EUR" onkeyup="resetModalMessage()">
					</div>
					</div>

				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0046 ?>
				</div>
				<div class="col-2">
					<input class="form-control" type="text" id="modal-input-WZBTT" name="modal-input-WZBTT" maxlength="10" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0047 ?>
				</div>
				<div class="col-2">
					<button type="button" class="btn btn-primary" onclick="setRES3AButton('Y')" id="button-RES3A-yes"><?php echo $datahub_YES ?></button>
					<button type="button" class="btn btn-primary" onclick="setRES3AButton('N')" id="button-RES3A-no"><?php echo $datahub_NO ?></button>
					<input class="d-none form-control" type="text" id="modal-input-RES3A" name="modal-input-RES3A" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0048 ?>
				</div>
				<div class="col-2">
					<button type="button" class="btn btn-primary" onclick="setRES2AButton('Y')" id="button-RES2A-yes"><?php echo $datahub_YES ?></button>
					<button type="button" class="btn btn-primary" onclick="setRES2AButton('N')" id="button-RES2A-no"><?php echo $datahub_NO ?></button>
					<input class="d-none form-control" type="text" id="modal-input-RES2A" name="modal-input-RES2A" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0049 ?>
				</div>
				<div class="col-2">
					<button type="button" class="btn btn-primary" onclick="setRES1AButton('Y')" id="button-RES1A-yes"><?php echo $datahub_YES ?></button>
					<button type="button" class="btn btn-primary" onclick="setRES1AButton('N')" id="button-RES1A-no"><?php echo $datahub_NO ?></button>
					<input class="d-none form-control" type="text" id="modal-input-RES1A" name="modal-input-RES1A" onkeyup="resetModalMessage()">
				</div>
			</div>

			<hr>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0006 ?>
				</div>
				<div class="col-6">
					<button type="button" class="btn btn-primary" onclick="setActiveButton('1')" id="button-deleted-yes"><?php echo $datahub_YES ?></button>
					<button type="button" class="btn btn-primary" onclick="setActiveButton('0')" id="button-deleted-no"><?php echo $datahub_NO ?></button>
					<input class="d-none form-control" type="text" onkeyup="resetModalMessage()" id="modal-input-ACTIV" name="modal-input-ACTIV">
				</div>
			</div>


			</form>

      </div>
      <div class="modal-footer-pretty modal-footer">

			<div class="container-fluid">

				<div class="row">
					<div class="col-12 text-left">
						<div class="p-1 font-weight-bold text-danger border-top border-dark " id="modal-message">&nbsp;</div>
					</div>
				</div>

				<div class="row mt-1 mb-2">
					<div class="col-3 text-left">
						<button type="button" id="modal-save-button" class="btn btn-primary btn-block" onclick="dataSave()"><?php echo $datahub_button_save ?></button>
					</div>
					<div class="col-6 text-right">
					</div>
					<div class="col-3 text-right">
						<button type="button" class="btn btn-primary btn-block" data-dismiss="modal"><?php echo $datahub_button_cancel ?></button>
					</div>
				</div>

			</div>


      </div>
    </div>
  </div>
</div>




<!-- ************************************************ -->
<!--                 Confirm delete                   -->
<!-- ************************************************ -->
<div class="modal fade" id="wa0358_confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="wa0358_confirmDeleteModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
      <div class="modal-header bg-primary text-white">
        <h5 class="modal-title" id="wa0358_confirmDeleteModalLabel">Confirm Delete</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

		<form name="dataForm-delete" id="dataForm-delete">

			<input type="text" class="d-none" id="confirm-delete-PXLIN" name="confirm-delete-PXLIN">
			<input type="text" class="d-none" id="confirm-delete-PXMOA" name="confirm-delete-PXMOA">

		</form>

		<div class="h6">Please confirm delete of: <span class="font-weight-bold" id="confirm-delete-text-PXMOA"></span></div>

      </div>
      <div class="modal-footer">

			<div class="container-fluid">

				<div class="row mt-1 mb-2">
					<div class="col-3 text-left">
						<button type="button" onclick="dataDeleteExec()" class="btn btn-primary">Delete</button>
					</div>
					<div class="col-6 text-right">
					</div>
					<div class="col-3 text-right">
						<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
					</div>
				</div>


			</div>
      </div>
    </div>
  </div>
</div>

<!-- ************************************************ -->
<!--                 Preview PDF and likewise         -->
<!-- ************************************************ -->
<div class="modal fade" id="wa0358_previewModal" tabindex="-1" role="dialog" aria-labelledby="wa0358_previewModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xxl" role="document">
    <div class="modal-content">
      <div class="modal-header bg-success text-white">
        <h5 class="modal-title" id="wa0358_previewModalLabel">Preview element</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

		<div class="container-fluid">

				<div style="background-color:#ccc" class="border border-primary border-5" id="modal-preview-iframe"></div>

				<div class="row mt-2 mb-2">
					<div class="col-3 text-left">
					</div>
					<div class="col-6 text-right">
					</div>
					<div class="col-3 text-right">
						<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
					</div>
				</div>

		</div>

			</div>

    </div>
  </div>
</div>

</body>
</html>